html{height:100%;}
body{margin:0;}
ul,ol{margin:0; padding:0;}
li{ list-style-type:none }
a{ display: block; cursor: pointer;}
a:link{text-decoration:none;}
input{outline:none}
img{display: block;}
p{margin:0; padding:0;}
h1,h2,h3{margin:0; padding:0;}
/****************/
/*h2 48px*/
.row1{
	background-color: #444;
}
.center{
	display: flex;
	width: 1350px;
	height: 70px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 10px 0;
}
.logo{
	width: 320px;
	vertical-align: top;
	line-height: 50px;
}
.logo img{
	float: left;
	margin-top: 8px;
	}
.logo a{
	display: inline-block;
	float: left;
	color: #f0f8ff;
	margin-left: 50px;
	}
/* .nav{
	border-bottom: 3px solid #f00;
} */
.nav ul{
	display: flex;
}
.nav ul li{
	text-align:center;
	margin-right: 35px;
}
.nav ul li a{
	/*字间距*/
	letter-spacing: 0px;
	font-size: 17px;
	color: #f0f8ff;
	line-height: 50px;
}
.contact{
	position: relative;
	text-align: left;
	width: 275px;
	display: inline-block;
	height: 50px;
	line-height: 50px;
}
.contact form{
	display: inline-block;
	height: 50px;
	line-height: 50px;
	/* 顶部对齐 */
	vertical-align: top;
}
.contact>form>input{
	display: inline-block;
	width: 150px;
	height: 26px;
	border-radius: 13px;
	background-image: url(../html/img2/search-icon.png);
	background-repeat: no-repeat;
	background-position: 100% center;
	background-color: #000;
}
.contact>a{
	display: inline-block;
	margin-left: 20px;
	width: 26px;
	margin-top: 13px;
	line-height: 50px;	
}
.contact .moblie-boxs{
	display: none;
	width: 250px;
	height: 130px;
	position: absolute;
	top: 65px;
	right: 90px;
	z-index: 80;
}
.contact .wechat-boxs{
	display: none;
	position: absolute;
	top: 65px;
	right: 10px;
	z-index: 100;
}
/* .contact .hover-boxs{ display: none; } */
/***********显示图标************/
.contact .mobile:hover + .moblie-boxs{
	display: block;
}
.contact .wechat:hover + .wechat-boxs{
	display: block;
}
.contact img{
	background-color: #000;
}
.search{
	box-sizing: border-box;
	padding: 20px 0 20px;
	width: 1350px;
	height: 160px;
	margin: 0 auto;
}
.search p{
	text-align: center;
	font-size: 24px;
	color: #fff;
	margin: 0;
}
.search p span{ 
	color: #f00;
 }
.search ul {
	display: flex;
}
.search .inp{
	margin: 0 auto;
}
.search input{
	width: 190px;
	height: 50px;
	margin-top: 30px;
	margin-left: 65px;
	border-radius: 10px;
	font-size: 16px;
	border-style: none;
	color: #fff;
}
.search .s1{
	background-image: url(../html/img2/in-banner-china-adress-icon.png);
}
.search .s2{
	background-image: url(../html/img2/in-banner-name-icon.png);
}
.search .s3{
	background-image: url(../html/img2/in-banner-area-icon.png);
}
.search .s4{
	background-image: url(../html/img2/in-banner-phone-icon.png);
}
.search .s5{
	box-sizing: border-box;
	padding-left: 60px;
	background-image: url(../html/img2/in-banner-china-sign-icon.png);
	background-color: #d9212a;
	background-repeat: no-repeat;
	background-position: 40px center;
	
}
.search .s1,.s2,.s3,.s4{
	box-sizing: border-box;
	padding-left: 35px;
	background-position: 10px center;
	background-repeat: no-repeat;
}


/***********************/
.row2{
	width: 100%;
	height: 930px;
}
.row2{
	background-image: url(../html/img2/abouttss2_02.jpg);
}
.center2{
	box-sizing: border-box;
	width: 1350px;
	height: 100%;
	margin: 0 auto;
	padding-top: 80px;
}
.row2 .title{
	text-align: center;
}
.row2 .title h2{
	display: block;
	margin: 0;
	color: #000;
	font-weight:500;
	font-size: 48px;
}
.row2-1 {
	margin-top: 50px;
	height: 268px;
	background-color: rgba(255, 255, 255, .6);
	display: flex;
	position: relative;
	 overflow: hidden;
}
.row2-1 .left{
	left: 0;
	top: 0;
	width: 315px;
	height: 100%;
	background-color: #d9212a;
	box-sizing: border-box;
	padding: 0 20px;
}
.row2-1 .left p{
	font-size: 31px;
	line-height: 50px;
	margin-top: 35px;
	color: #f0f8ff;
	text-align: center;
}
.row2-1 .left>.p_bg{
	font-size: 56px;
	font-weight: 600;
	line-height: 1;
}
.row2-1 .right{
	width: 1035px;
	height: 268px;
	display: flex;
	overflow: hidden;
}
.LBT>ul{
	display: flex;
}
.LBT >ul>li{
	width: 345px;
	height: 268px;
	/* background-color: #f9f9f9; */
}
.LBT>ul>li>div>a{
	padding: 30px 10px 10px 10px;
}
.right{
	border-bottom: 1px solid #d1d1d1;
}
.LBT>ul>li>div>a>img{
	margin: 0 auto;
}
.LBT>ul>li>div>a>p{
	margin-top: 30px;
	text-align: center;
	font-size: 24px;
	color: #333;
	font-weight: 400;
}
.LBT>ul li div a span{
	display: block;
	margin-top: 15px;
	padding: 0 50px;
	text-align: center;
	font-size: 18px;
	line-height: 1.6;
	color: #666;
}
.row2-2 .video{
	width: 1008px;
	height: 400px;
}
.row2-2{
	display: flex;
}
.row2-2 .video video{
	margin: 0;
	padding: 0;
}
.row2-2 .story{
	box-sizing: border-box;
	padding: 30px 40px 0px;
	width: 340px;
	height: 400px;
	/* background-color: #d1d1d1; */
}
.row2-2 .story h2{
	color: #000;
	font-size: 48px;
	text-align: center;
	line-height: 1.7;
	font-weight: 400;
}
.row2-2 .story p{
	font-size: 18px;
	color: #666;
	text-align: left;
	line-height: 32px;
	letter-spacing: 1px;/*字间距*/
}
.row2-2 .story a{
	box-sizing: border-box;
	width: 155px;
	height: 40px;
	font-size: 18px;
	color: #fff;
	background-color: #a1a1a1;
	background-image: url(../html/img2/videobgss3_03.png);
	background-repeat: no-repeat;
	background-position: 120px center;
	float: right;
	margin-top: 30px;
	line-height: 42px;
	/* text-align: center; */
	padding: 0 40px;
}
/******************************/
/*** *高度内容支撑* ***/
.row3{
	/* height: 1200px; */
	background-color: #333;
}
.center3-1{
	width: 1350px;
	margin: 0 auto;
}
.row3-title{
	padding: 70px 350px;
}
.row3-title h2{
	font-size: 48px;
	color: #fff;
}
.row3-2 img{
	width: 100%;
}
.center3-2{
	width: 1350px;
	height: 200px;
	/* border: 1px solid orange; */
	margin: 0 auto;
	display: flex;
	color: #fff;
}
.row3 .assort1{
	margin-top: 25px;
	box-sizing: border-box;
	width: 180px;
	height: 110px;
	padding: 10px 45px;
	border-right: 3px solid #FFF;
	margin-right: 60px;
}
.row3 .assort1 span{
	font-size: 35px;
}
.row3 .assort2{
	margin-top: 30px;
	width: 800px;
	height: 110px;
}
.center3-2 .top-3 ul{
	display: flex;
	padding: 10px 10px;
}
.center3-2 .but-3 ul{
	display: flex;
	padding: 10px 10px;
}
.assort2 a{
	color: #FFF;
	font-size: 20PX;
}
.row3 .assort2 ul li{
	padding: 0 23px;
}

/**************************************/

.row4{
	background-image: url(https://www.mjzs.cn/static/image2022/index2designerbg2_02.jpg);
}
.center4{
	width: 1350px;
	height: 1010px;
	margin: 0 auto;
	text-align: center;
}
.row4-1-1{
	box-sizing: border-box;
	width: 450px;
	height: 450px;
	padding: 1px;
}
.row4-1-1 a img{
	width: 100%;
}
.row4-1-1s{
	height: 115px;
	border: 1px solid #FFF;
}
.row4-1-1s a{
	font-size: 21px;
	padding: 15px;
	color: #FFF;
}
.row4-1-1s span{
	color: #9b9b9b;
	padding: 15px;
	font-size: 18px;
	height: 15px;
}
.stylize1{
	display: flex;
}
.stylize2{
	display: flex;
}
.stylize3{
	height: 50px;
	display: flex;
	justify-content: center;
}
.stylize3 .a1{
	box-sizing: border-box;
	width: 320px;
	font-size: 19px;
	padding: 10px 20px;
	border-radius: 50px;
	color: #9b9b9b;
	border: 1px solid #9b9b9b;
}
.stylize3 .a1 img{
	 display: inline-block;
	 vertical-align: middle;
}
.stylize3 .a2{
	box-sizing: border-box;
	color: #FFF;
	font-size: 19px;
	padding: 10px 35px;
	margin-left: 20px;
	border-radius: 35px;
	background-color: #d9212a;
	
}
/**-------flex 居中-------**/
/******************************/
.row5{
	background-image: url(https://www.mjzs.cn/static/image2022/index2designerbg2_03.jpg);
}
.center5{
	width: 1350px;
	height: 950px;
	margin: 0 auto;
}
.row5-1{
	text-align: center;
	color: #FFF;
	font-size: 25px;
	padding: 30px 0;
} 
.row5-2{
	width: 1350px;
	margin-left: 75px;
}
.row5-2 ul{
	width: 1350px;
	display: flex;
	overflow: hidden;
}
.row5-2 ul li{
	display: block;
	box-sizing: border-box;
	padding: 0 10px;
	width: 300px;
}
.row5-2 ul li img{
	width: 100%;
}
.row5-2s{
	padding: 10px;
	background-color: #FFF;
}
.row5-2s .p1{
	font-size: 25px;
}
.row5-2s .p1 span{
	padding-left: 10px;
	font-size: 14px;
}
.row5-2s .p2{
	margin: 10px 0;
	line-height: 1.6;
}
.row5-2s .p3{
	display: flex;
	/* justify-content: center; 居中 */
	justify-content: space-between;
}
.row5-2s .p3 a{
	color: #333;
	border: 1px solid;
	padding: 10px 20px;
	margin-bottom: 20px;
}
.LBT3 ul{
	width: 1350px;
	display: flex;
}
.LBT3 ul li{
	width: 130px;
	height: 140px;
	padding: 25px 10px;
}
.LBT3 ul li img{
	width: 100%;
}
/***********************/
.row6{
	background-image: url(https://www.mjzs.cn/static/image2022/vrbgs22_02.jpg);
}
.center6{
	width: 1350px;
	height: 1200px;
	margin: 0 auto;
}
.row6-1{
	text-align: center;
	margin: 40px;
	font-size: 35px;
} 
.row6-2{
	display: flex;
	padding: 10px 30px;
	flex-wrap: wrap;
}
.row6-2s>a{
	box-sizing: border-box;
	width: 430px;
	padding: 10px;
}
.row6-2s>a>img{
	width: 100%;
	margin-top: 20px;
}
.row6-2s>.a1{
	font-size: 20px;
}
.row6-2s .a1 .p4{
	box-sizing: border-box;
	width: 430px;
	padding: 15px 20px;
}
.row6-2s>p>span{
	color: #9b9b9b;
	display: inline-block;
	margin-right: 10px;
	font-size: 18px;
	padding: 5px;
	border: 1px solid #666;
	border-radius: 15px;
}
.as1{ background-image: url(https://www.mjzs.cn/static/image2022/01-Office-icon.png) }
.as2{ background-image: url(https://www.mjzs.cn/static/image2022/02-apartment-icon.png) }
.as3{ background-image: url(https://www.mjzs.cn/static/image2022/03-two-bedroom-icom.png) }
.as4{ background-image: url(https://www.mjzs.cn/static/image2022/04-three-bedroom-icon.png) }
.as5{ background-image: url(https://www.mjzs.cn/static/image2022/05-four-bedroom-icon.png) }
.as6{ background-image: url(https://www.mjzs.cn/static/image2022/06-five-bedroom-icon.png) }
.as7{ background-image: url(https://www.mjzs.cn/static/image2022/07-leveling-icon.png) }
.as8{ background-image: url(https://www.mjzs.cn/static/image2022/08-Duplex-icon.png) }
.as9{ background-image: url(https://www.mjzs.cn/static/image2022/09-villa-icon.png) }
.as10{ background-image: url(	https://www.mjzs.cn/static/image2022/10-more-icon.png) }
.row6-3{
	display: flex;
	margin-top: 40px;
}
.ass1{
	width: 90px;
	height: 90px;
	border-radius: 90px;
	margin-right: 45px;
}

.as-s1:hover{
	background-image:url(http://www.mjdec.com/static/image2022/01-Office-hover-icon.png) ;
}
.as-s2:hover{
	background-image:url(http://www.mjdec.com/static/image2022/02-apartment-hover-icon.png) ;
}
.as-s3:hover{
	background-image:url(http://www.mjdec.com/static/image2022/03-two-bedroom--hover-icom.png) ;
}
.as-s4:hover{
	background-image:url(http://www.mjdec.com/static/image2022/04-three-bedroom-hover-icon.png) ;
}
.as-s5:hover{
	background-image:url(http://www.mjdec.com/static/image2022/05-four-bedroom-hover-icon.png) ;
}
.as-s6:hover{
	background-image:url(http://www.mjdec.com/static/image2022/06-five-bedroom-hover-icon.png) ;
}
.as-s7:hover{
	background-image:url(http://www.mjdec.com/static/image2022/07-leveling-hover-icon.png) ;
}
.as-s8:hover{
	background-image:url(http://www.mjdec.com/static/image2022/08-Duplex-hover-icon.png) ;
}
.as-s9:hover{
	background-image:url(http://www.mjdec.com/static/image2022/09-villa-hover-icon.png) ;
}
.as-s10:hover{
	background-image:url(http://www.mjdec.com/static/image2022/10-more-hover.png) ;
}

/************/
.row7{
	background-image: url(https://www.mjzs.cn/static/image2022/news22bgs_02.jpg);
}
.center7{
	width: 1350px;
	height: 750px;
	margin: 0 auto;
}
.center7-p{
	color: #FFF;
	text-align: center;
	font-size: 45px;
	margin: 40px 0;
}
.row7s{
	display: flex;
	justify-content: center;
}
.row7s-1{
	width: 900px;
	height: 500px;
	background-color: #EEEEEE;
}
.row7s-1>p{
	color: #444;
	font-size: 40px;
	text-align: center;
	margin: 35px 0;
}
.ass7{ background-image:url(https://www.mjzs.cn/static/image2022/09-process-icon.png) ;
	background-repeat: no-repeat;
 }
/* 160+60 900 220*3=660+160=820 900-820 */
.row7s-1-xia{
	display: flex;
	flex-wrap: wrap;
	border-top: 1px solid #444;
	border-bottom: 3px solid #444;
	height: 240px;
	padding: 30px;
}
.bss7{
	width: 220px;
	height: 125px;
	background-position: 143px 35px;
	position: relative;
}
.bss7>img{
	padding: 5px 30px;
}
.bss7>span{
	font-size: 20px;
	padding: 10px;
}
.css7{
	width: 160px;
	height: 125px;
	background-position: 143px 35px;
	position: relative;
}
.row7s-2{
	width: 400px;
	height: 500px;
	box-sizing: border-box;
	padding: 20px 30px;
	
}
.row7s-2-items {
	display: flex;
	flex-wrap: wrap;
}
.row7s-2-items img{
	margin: 10px;
}
.row7s-2>p{
	text-align: center;
	font-size: 18px;
	color: #fff;
}
/*************************/
.row8{
	background-image: url(https://www.mjzs.cn/static/image2022/news22bgs_03.jpg);
}
.center8{
	width: 1350px;
	height: 750px;
	margin: 0 auto;	
}
.center8>.title8>h2{
	font-size: 40px;
	text-align: center;
	margin-top: 45px;
	margin-bottom: 45px;
}
.row8-item{
	display: flex;
}
.row8-items1 {
	box-sizing: border-box;
	padding: 5px;
}
.row8-items1>a{
	width: 440px;
	height: 210px;
	margin-bottom: 45px;
	text-align: center;
	position: relative;
}
.row8-items1>a>span{
	font-size: 30px;
	color: #FFF;
	position: absolute;
	top: 80px;
	left: 180px;
	z-index: 1111;
}
.row8-items1>a>img{
	width: 100%;
	height: 100%;
}
:hover{ 
	
}
.row8-items1 .row8-items1-d1{
	width: 440px;
	height: 40px;
	margin-top: 20px;
	display: flex;
	box-sizing: border-box;
	padding: 5px;
	border-bottom: 1px dashed #d9212a;
}
.row8-items1-d1>a{
	width: 330px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-right: 10px;
	
}
.row8-items1-d1>a>span{
	box-sizing: border-box;
	padding: 0 10px;
	margin-right: 3px;
	background-color: crimson;
	color: #fff;
}
.row8-a1{
	width: 440px;
	/* height: 210px; */
	overflow: hidden;
}
.row8-a1>img{
	width: 100%;
	overflow: hidden;
}
.row8-a1>img:hover{
	transform:scale(1.3);
	transition: all 1s linear 0s;
}

/***********/
.row9{
	background-image: url(https://www.mjzs.cn/static/image2022/news22bgs_03.jpg);
}
.center9{
	width: 1350px;
	height: 730px;
	margin: 0 auto;
}
.row9-top{
	width: 1350px;
	height: 230px;
	display: flex;
	justify-content: center;
	text-align: left;
	background-image: url(http://www.mjdec.com/static/image2022/footer-bgsss22_12.jpg);
	background-size: 1350px 230px;
	box-sizing: border-box;
	padding: 50px 100px;
}

.row9-top>img{
	width: 150px;
	height: 100px;
}
.row9-base{
	width: 1350px;
	height: 465px;
	background-image: url(	http://www.mjdec.com/static/image2022/footer-bgsss22_13.jpg);
	background-size: 1350px 465px;
}

.row9-top>p{
	color: #FFF;
	font-size: 20px;
	line-height: 40px;
	margin: 10px 20px;
}
.row9-top>p>span{
	font-size: 40px;
	font-weight: 600;
}
.row9-base{
	display: flex;
}
.row9-items{
	display: flex;
	justify-content: left;
	padding: 30px 0;
	margin-bottom: 25px;
}
.row9-items>ul{
	width: 135px;
}
.row9-items>ul>p{
	font-size: 20px;
	padding: 15px 0;
	color: #FFF;
}
.row9-items>ul>li{
	line-height: 2.3;
	color: #9b9b9b;
}
.row9-items-as{
	display: flex;
}
.row9-base2>.p1{
	font-size: 20px;
	color: #FFF;
	margin-bottom: 10px;
}
.row9-items-as>a{
	margin-right: 15px;
	margin-bottom: 35px;
	color: #a1a1a1;
}
.row9-base2>.p2{
	color: #a1a1a1;
}
.row9-base2>.p2>span{
	color: #FFF;
}
.row9-base3{
	width: 450px;
	padding: 20px;
}
.row9-base2-smg{
	display: flex;
}
.row9-base2-smg>img{
	height: 120px;
}
.row9-base2-smg>p{
	color: #FFF;
	margin-left: 10px;
	line-height: 2.3;
}
.row9-base2-smg>p>span{
	font-size: 28px;
	font-weight: 600;
}
.row9-base3>button{
	background-color: #d9212a;
	font-size: 16px;
	color: #FFF;
	padding: 10px 20px;
	margin-top: 30;
	margin-right: 60px;
}
/**********--底部悬浮--**********/
.xuanfu{
	background-color: #444;
	width: 100%; */
	height: 500px;
	z-index: 1111;
	position: fixed;
	left: 0;
	bottom: 0;
}
.XF-img1{
	position: fixed;
	left: ;
	bottom: 10px;
}
.XF-center{
	z-index: 1121;
	width: 1350px;
	margin: 0 auto;
	height: 100px;
	display: flex;
	text-align: center;
}
.baojia{
	background-image: url(http://www.mjdec.com/static/image2022/position-forms_03.png);
	background-repeat: no-repeat;
	width: 600px;
	height: 80px;
	margin: 10px 100px;
	background-position: 115px 0px;
}
.baojia>p{
	margin-top: 60px;
	color: white;
}
.yuyue{
	display: flex;
}
.yuyue-a1{
	margin: 20px 60px 0;
	width: 160px;
	height: 50px;
	box-sizing: border-box;
	padding: 10px 20px;
	text-align: center;
	border: 1px solid white;
	border-radius: 20px;
	color: white;
}
.yuyue img{
	display: inline-block;
	vertical-align: middle;
}
.yuyue-a2{
	margin-top: 20px;
	width: 220px;
	height: 50px;
	box-sizing: border-box;
	padding: 10px 20px;
	text-align: center;
	border: 1px solid white;
	border-radius: 20px;
	color: white;
	background-color: #d9212a;
}
/*******效果不好*******/
.zaixian{
	width: 230px;
	height: 55px;
	z-index: 2222;
	border-radius: 20px;
	position: fixed;
	right: 10px;
	bottom: 0;
	background-color: #23a787;
	box-sizing: border-box;
	padding: 0px 10px;
	display: flex;
	text-align: center;
}
.zaixian>span{
	display: inline-block;
	padding: 30px;
	z-index: 3333;
	background-image: url(https://static.meiqia.com/fe-widget-prod/v1.0.107.20220921_1/static/icon-mq-round@2x.png);
	background-repeat: no-repeat;
	background-position: 0px -508px;
}













